import 'scss/maplist.scss'
import React from 'react'
import { totalConfig, propName } from 'config/templateConfig'
import { Link } from 'react-router'

let mapListInfo = totalConfig.mapList
export default React.createClass({
    getInitialState() {
        return { data: [] }
    },
    render() {
        let node, mapLists = mapListInfo[120001].list;
        node = mapLists.map(function (item) {
            return <Link to={'/dungeon/' + item} key={item}><button>{propName[item]}</button></Link>
        })
        return <div id='map'>
            <div className='head'>
                <div className='title'>地图列表</div>
                <div className='desc'></div>
            </div>
            <div className="text-center">
                {node}
            </div>
        </div>
    }
})
